import {
    reqAddUser
} from '../../api'


// 给file 输入框绑定选择文件的监听(change)
document.getElementById('profile').onchange = (e) => {
    console.log("111");
    // 得到选择的文件file对象
    const file = e.target.files[0];
    console.log(file);
    // 对file中包含的图片进行base64编码
    // 创建读取文件的reader对象
    const fileReader = new FileReader();
    // 读取文件  => 异步的
    fileReader.readAsDataURL(file)
    // 绑定读取完成的监听
    fileReader.onload = () => {

        const base64 = fileReader.result
        console.log(base64)
        //显示到页面
        document.getElementById('preview').src = fileReader.result
    }
}

const addForm = document.getElementById('addForm')
addForm.onsubmit = async (e) => {
    e.preventDefault();
    // 创建一个空的formData(里面没有数据, 需要手动添加数据)
    /* const formData = new FormData()
    formData.set('username', document.getElementById('username').value)
    formData.set('pwd', document.getElementById('pwd').value)
    for mData.set('profileFile', document.getElementById('profile').files[0])*/

    // 根据Form来创建formData对象
    const formData = new FormData(addForm) // 专门用来收集带文件的表单数据

    //请求添加
    const result = await reqAddUser(formData)
    if (result.code === '2000') {
        window.location = '/users.html'
    } else { //失败提示
        alert(result.message)
    }
}